import QtQuick 1.1
import StarMenu 1.0
import com.nokia.meego 1.1

Item {
    id: menu1

    StarMenu {
        id: starMenu
        smooth: true
        radiusH: 100
        radiusV: 100
        starCenterVisible: true
        openDelay: 500
        closeDelay: 500

        center.x: main.width>>2
        center.y: main.height>>1

        onStarMenuOpening: {
            textRect.z = starMenu.z;
            textRect.text =
                    "<font size=4><strong>Multi menu with open and close delay</strong></font>"
        }

        StarItem {
            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

            Image {
                anchors.fill: parent; smooth: true
                fillMode: Image.Stretch
                source: "0007.png"
            }
        }

        StarItem {
            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

            Image {
                anchors.fill: parent; smooth: true
                fillMode: Image.Stretch
                source: "0013.png"
            }
        }
        StarItem {
            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

            Image {
                anchors.fill: parent; smooth: true
                fillMode: Image.Stretch
                source: "0014.png"
            }
        }

        StarItem {
            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

            Image {
                anchors.fill: parent; smooth: true
                fillMode: Image.Stretch
                source: "0008.png"
            }
        }
        StarItem {
            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

            Image {
                anchors.fill: parent; smooth: true
                fillMode: Image.Stretch
                source: "0009.png"
            }
        }


        StarItem {
            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

            Image {
                anchors.fill: parent; smooth: true
                fillMode: Image.Stretch
                source: "0010.png"
            }

        }

        StarItem {
            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

            Image {
                id: image
                anchors.fill: parent; smooth: true
                fillMode: Image.Stretch
                source: "qt.png"
            }

            StarMenu {
                id: starMenu2
                anchors.fill: parent; smooth: true
                radiusH: 80
                radiusV: 60
                parentVisible: true
                StarItem {
                    width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                    Image {
                        anchors.fill: parent; smooth: true
                        fillMode: Image.Stretch
                        source: "0001.png"
                    }
                }
                StarItem {
                    width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                    Image {
                        anchors.fill: parent; smooth: true
                        fillMode: Image.Stretch
                        source: "0007.png"
                    }

                }
                StarItem {
                    width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                    Image {
                        anchors.fill: parent; smooth: true
                        fillMode: Image.Stretch
                        source: "0008.png"
                    }
                }
                StarItem {
                    width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                    Image {
                        anchors.fill: parent; smooth: true
                        fillMode: Image.Stretch
                        source: "qt.png"
                    }
                    StarMenu {
                        id: starMenu3
                        objectName: "Menu3"
                        anchors.fill: parent; smooth: true
                        radiusH: 80
                        radiusV: 100

                        StarItem {
                            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                            Image {
                                anchors.fill: parent; smooth: true
                                fillMode: Image.Stretch
                                source: "0011.png"
                            }
                        }
                        StarItem {
                            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                            Image {
                                anchors.fill: parent; smooth: true
                                fillMode: Image.Stretch
                                source: "0012.png"
                            }
                        }
                        StarItem {
                            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                            Image {
                                anchors.fill: parent; smooth: true
                                fillMode: Image.Stretch
                                source: "0013.png"
                            }
                        }
                        StarItem {
                            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                            Image {
                                anchors.fill: parent; smooth: true
                                fillMode: Image.Stretch
                                source: "0014.png"
                            }
                        }
                    }

                }


                StarItem {
                    width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                    Image {
                        anchors.fill: parent; smooth: true
                        fillMode: Image.Stretch
                        source: "0010.png"
                    }

                }

            }
        }


        StarItem {

            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

            Image {
                anchors.fill: parent; smooth: true
                fillMode: Image.Stretch
                source: "0001.png"
            }
        }




    }


    StarMenu {
        id: starMenuSecond
        objectName: "Menu2"
        anchors.fill: parent
        smooth: true
        radiusH: 100
        radiusV: 100
        starCenterVisible: true


        center.x: (main.width>>2)*3
        center.y: main.height>>1

        onStarMenuOpening: { starMenu.open = true; }
        onStarMenuClosing: { starMenu.open = false; }


        StarItem {
            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

            Image {
                anchors.fill: parent; smooth: true
                fillMode: Image.Stretch
                source: "0007.png"
            }
        }

        StarItem {
            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

            Image {
                anchors.fill: parent; smooth: true
                fillMode: Image.Stretch
                source: "0013.png"
            }
        }
        StarItem {
            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

            Image {
                anchors.fill: parent; smooth: true
                fillMode: Image.Stretch
                source: "0014.png"
            }
        }

        StarItem {
            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

            Image {
                anchors.fill: parent; smooth: true
                fillMode: Image.Stretch
                source: "0008.png"
            }
        }
        StarItem {
            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

            Image {
                anchors.fill: parent; smooth: true
                fillMode: Image.Stretch
                source: "0009.png"
            }
        }


        StarItem {
            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

            Image {
                anchors.fill: parent; smooth: true
                fillMode: Image.Stretch
                source: "0010.png"
            }

        }

        StarItem {
            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

            Image {
                anchors.fill: parent; smooth: true
                fillMode: Image.Stretch
                source: "qt.png"
            }

            StarMenu {
                objectName: "Menu2"
                anchors.fill: parent; smooth: true
                radiusH: 80
                radiusV: 60
                parentVisible: true
                StarItem {
                    width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                    Image {
                        anchors.fill: parent; smooth: true
                        fillMode: Image.Stretch
                        source: "0001.png"
                    }
                }
                StarItem {
                    width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                    Image {
                        anchors.fill: parent; smooth: true
                        fillMode: Image.Stretch
                        source: "0007.png"
                    }

                }
                StarItem {
                    width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                    Image {
                        anchors.fill: parent; smooth: true
                        fillMode: Image.Stretch
                        source: "0008.png"
                    }
                }
                StarItem {
                    width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                    Image {
                        anchors.fill: parent; smooth: true
                        fillMode: Image.Stretch
                        source: "qt.png"
                    }
                    StarMenu {
                        objectName: "Menu3"
                        anchors.fill: parent; smooth: true
                        radiusH: 80
                        radiusV: 100

                        StarItem {
                            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                            Image {
                                anchors.fill: parent; smooth: true
                                fillMode: Image.Stretch
                                source: "0011.png"
                            }
                        }
                        StarItem {
                            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                            Image {
                                anchors.fill: parent; smooth: true
                                fillMode: Image.Stretch
                                source: "0012.png"
                            }
                        }
                        StarItem {
                            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                            Image {
                                anchors.fill: parent; smooth: true
                                fillMode: Image.Stretch
                                source: "0013.png"
                            }
                        }
                        StarItem {
                            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                            Image {
                                anchors.fill: parent; smooth: true
                                fillMode: Image.Stretch
                                source: "0014.png"
                            }
                        }
                    }

                }


                StarItem {
                    width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

                    Image {
                        anchors.fill: parent; smooth: true
                        fillMode: Image.Stretch
                        source: "0010.png"
                    }

                }

            }
        }


        StarItem {

            width: 64; height: 64
            Behavior on opacity  { NumberAnimation { duration: 800; } }

            Image {
                anchors.fill: parent; smooth: true
                fillMode: Image.Stretch
                source: "0001.png"
            }
        }




    }


}

